import styled from 'styled-components'
export const AlbumCoverWrap = styled.div`
    width:118px;
    height:150px;
    position: relative;
    background-position:-260px 100px;
    .top{
        img{
        width:100px;
        height:100px;
        }
        .mask{
            display:inline-block;
            background-position: 0 -570px;
            width:118px;
            height:100px;
            position: absolute;
            top:0;
            left:0;
        }
        .play{
            display:none;
            width:22px;
            height:22px;
            position:absolute;
            background-position: 0 -85px;
            left:72px;
            top:72px;
            z-index:9999;
        }
        &:hover .play{
            display:block;
        }
    }
    p{
        width:100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        height:18px;
        line-height:18px;
        a{
            font-size:12px;
            vertical-align: middle;
        }
    }
    .detail{
        margin-top:7px;
        a{
            color:#000;
        }
    }
    .name{

    }
`